<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>卓越--联系我们</title>
		<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
		<link href="JsCss/common.css" rel="stylesheet" media="screen" type="text/css" />
		<script type="text/javascript" src="JsCss/vue.min.js"></script>
		<script type="text/javascript" src="JsCss/axios.min.js" charset="utf-8"></script>
		<script type="text/javascript" src="JsCss/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=0DBTh1xpZIXyV9u1CzpbyFsh"></script>
		<script type="text/javascript" src="JsCss/marker.js"></script>
		<script src="JsCss/index.js"></script>
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>卓越地图</title>
		<style type="text/css">
			#container {
				width: 600px;
				height: 250px;
				border: solid 1px #AAA;
			}

			table {
				border-collapse: separate;
				border-spacing: 10px;
			}

			tr {
				width: 80px;

			}
			td{
				
			}
			a{
				text-decoration: none;
			}


			#index a {
				margin: 5px 10px;
				text-decoration: none;
			}
			.indexSpan{
				margin: 10px;
			}
			.cz-con-text>span{
				margin-right:20px;
			}
			.light{
				color: red;
			}
			table th{
				font-size: 18px;
				
				color: #A44239;
			}
		</style>
	</head>

	<body>
		<div class="header">
			<ul class="top-link">
				<li class="pi"></li>
				<li class="title"><a target=_top href="register.html">注册</a></li>
				<li class="pi"></li>
				<li class="title"><a href="login.html?">登录</a></li>
			</ul>

			<div class="logo"><a href="index.html"><img src="images/logo.png" width="250" height="82" /></a></div>
			<div class="menu">
				<ul>
					<li><a href="about.html">关于我们</a><span>about us</span></li>
					<li class="active"><a href="auctioning.html">拍卖信息</a><span>Auction information</span></li>
					<li><a href="product.html">商品展示</a><span>Product showcase</span></li>
					<li><a href="showData.html">个人信息</a><span>Personal information</span></li>
					<li><a href="chargeMoney.html">资金管理</a><span>Money management</span></li>
				</ul>
			</div>
		</div>
		<!-- 菜单和下面模块的间隔-->
		<div class="clr50"></div>
		<!-- 图片 -->
		<div class="zy_banner_bg">
			<div class="zy_banner"></div>
		</div>



		<div class="zy_main" id="about">
			<div class="Left_subMenu">
				<div class="top_bg"></div>
				<div class="c_bg">
					<div class="title">个人信息</div>
					<ul>
						<li><a href="auctioning.html">正在竞拍</a></li>
						<li class="activer"><a href="showAuction.html">拍卖信息查询</a></li>
						<li><a href="auctioninsert.html">发布拍品</a></li>
						<li><a href="myOrder.html">我的订单</a></li>
					</ul>
				</div>
				<div class="bottom_bg"></div>

				<div class="ph">
					<img src="images/ph.png" width="169" height="67" />
				</div>
			</div>

			<div id="process" class="zy_right">
				<div class="position">当前位置：<a href="#">拍卖信息</a> > <a href="#">拍卖信息查询</a></div>
				<div class="zy_title">
					<p>拍卖信息查询<span> Show Auction </span></p>
				</div>
				<div class="cz-con-text">
					<span v-for="(item,index) in stateList">
						<input type="checkbox":value="item.index" />{{item.name}}
					</span>
					<input type="button" name="" id="" value="查询" style="width: 75px;"/>
					<form action="" method="" class="cz-form">
						<table cellspacing="1" cellpadding="1" style="border: 1px solid; width: 860px;">
							<tr>
								<th>宝物状态</th>
								<th>宝物名称</th>
								<th>宝物类型</th>
								<th>预 &nbsp;&nbsp;览</th>
								<th>起拍价</th>
								<th>起 拍 时 间</th>
								<th>结 拍 时 间</th>
								<th>宝&nbsp;&nbsp;&nbsp;物&nbsp;&nbsp;&nbsp;备&nbsp;&nbsp;&nbsp;注</th>
								<th>操&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;作</th>
							</tr>
							<tr>
								<td></td>
								<td></td>
								<td></td>
								<td><img width="50" height="40" src="" ></td>	
								<td></td>
								<td></td>
								<td></td>
								<td> <textarea cols="15" rows="3"></textarea></td>
								<td><a href="#"  style="text-decoration: none; color: #8F9747;font-size: 18px;">拒绝后，重新发布</a></td>
							</tr>

						</table>
					</form>
				</div>
				<div id="index">
					<span class="indexSpan">一共查询到XXX条记录 XXX页</span>
					<span class="indexSpan">当前是第XXX页</span>
					<span class="indexSpan">
					<button>上一页</button></span>
					
					<span class="indexSpan">
						<button>下一页</button>
					</span>
					

				</div>
			</div>

		</div>

		<div id="footer-top">
			<div class="footer-text">
				© 小佟拍卖行
			</div>
		</div>
		<script>
			var vm = new Vue({
				el: '#about',
				data: {
					stateList:[
						{name:'审核中', index:1},
						{name:'审核通过', index:2},
						{name:'审核失败', index:3},
						{name:'竞拍中', index:4},
						{name:'竞拍结束', index:5},
						{name:'交易结束', index:6}
					],
				},
			});
		</script>

	</body>
</html>
